/* 这里定义一些层级样式 */
$z-index-vhigh = 999
/* 高等级别，用于弹出层，遮罩层，这个值不能超过999，因为uni-app的toast在这个层级 */
$z-index-high = 300
/* 中等级别，用于顶部导航，底部导航等 */
$z-index-medium = 200
/* 最低级别的层级，用于页面加载 */
$z-index-low = 100
$z-index-vlow = 10

/* 这里定义一些颜色样式 */
/* 主题颜色 */
$app-theme-color = #007aff
/* 主题相关颜色样式 */
set-color-css(app-theme-color, $app-theme-color)

/* 副主题颜色，一般用于与主题颜色作区分 */
$app-theme-color-2 = #fc9153
set-color-css(app-theme-color-2, $app-theme-color-2)

/* 警示颜色，一般为红色 */
$app-alert-color = #dd524d
set-color-css(app-alert-color, $app-alert-color)

/* 背景颜色 */
/* 注意在pages.json文件中也要统一设置！！！ */
$app-bg-color = #efeff4
/* 模块背景颜色 */
$app-card-bg-color = #ffffff
/* 模块active颜色 */
$app-card-active-color = #e8e8e8
$app-card-active-color-opacity = rgba(232, 232, 232, 0.4)
/* 模块阴影颜色 */
$app-card-bg-color-shadow = rgba(0, 0, 0, 0.2)
/* 遮罩层颜色 */
$app-mask-bg-color = rgba(0, 0, 0, 0.4)
set-color-css(app-bg-color, $app-bg-color)
set-color-css(app-card-bg-color, $app-card-bg-color)

/* 行为相关颜色 */
$app-color-primary = $app-theme-color
$app-color-success = #4cd964
$app-color-warning = #fbbd08
$app-color-error = $app-alert-color
/* 行为相关颜色样式 */
set-color-css(app-color-primary, $app-color-primary)
set-color-css(app-color-success, $app-color-success)
set-color-css(app-color-warning, $app-color-warning)
set-color-css(app-color-error, $app-color-error)

/* 边框颜色 */
$app-border-color = #e5e5e5
set-color-css(app-border-color, $app-border-color)

/* 文字基本颜色 */
$app-text-color = #333
$app-text-color-reverse = #fff
$app-text-color-grey = #999
$app-text-color-placeholder = #808080
$app-text-color-disable = #c0c0c0
/* 文字颜色相关样式 */
set-color-css(app-text-color, $app-text-color)
set-color-css(app-text-color-reverse, $app-text-color-reverse)
set-color-css(app-text-color-grey, $app-text-color-grey)

/* 常规颜色 */
/* 嫣红 */
$app-color-red = #e54d42
$app-color-red-opa = rgba(229, 77, 66, 0.2)
$app-color-red-lt = #fadbd9
set-color-css(app-color-red, $app-color-red)
set-color-css(app-color-red-opa, $app-color-red-opa)
set-color-css(app-color-red-lt, $app-color-red-lt)
/* 橙色 */
$app-color-orange = #f37b1d
$app-color-orange-opa = rgba(243, 123, 129, 0.2)
$app-color-orange-lt = #fde6d2
set-color-css(app-color-orange, $app-color-orange)
set-color-css(app-color-orange-opa, $app-color-orange-opa)
set-color-css(app-color-orange-lt, $app-color-orange-lt)
/* 黄色 */
$app-color-yellow = #fbbd08
$app-color-yellow-opa = rgba(251, 189, 8, 0.2)
$app-color-yellow-lt = #fef2ce
set-color-css(app-color-yellow, $app-color-yellow)
set-color-css(app-color-yellow-opa, $app-color-yellow-opa)
set-color-css(app-color-yellow-lt, $app-color-yellow-lt)
/* 草绿 */
$app-color-grass = #8dc63f
$app-color-grass-opa = rgba(141, 198, 63, 0.2)
$app-color-grass-lt = #e8f4d9
set-color-css(app-color-grass, $app-color-grass)
set-color-css(app-color-grass-opa, $app-color-grass-opa)
set-color-css(app-color-grass-lt, $app-color-grass-lt)
/* 森绿 */
$app-color-forest = #39b54a
$app-color-forest-opa = rgba(57, 181, 74, 0.2)
$app-color-forest-lt = #d7f0db
set-color-css(app-color-forest, $app-color-forest)
set-color-css(app-color-forest-opa, $app-color-forest-opa)
set-color-css(app-color-forest-lt, $app-color-forest-lt)
/* 天青 */
$app-color-sky = #1cbbb4
$app-color-sky-opa = rgba(28, 187, 180, 0.2)
$app-color-sky-lt = #d2f1f0
set-color-css(app-color-sky, $app-color-sky)
set-color-css(app-color-sky-opa, $app-color-sky-opa)
set-color-css(app-color-sky-lt, $app-color-sky-lt)
/* 海蓝 */
$app-color-sea = #0081ff
$app-color-sea-opa = rgba(0, 129, 255, 0.2)
$app-color-sea-lt = #cce6ff
set-color-css(app-color-sea, $app-color-sea)
set-color-css(app-color-sea-opa, $app-color-sea-opa)
set-color-css(app-color-sea-lt, $app-color-sea-lt)
/* 嫣紫 */
$app-color-purple = #6739b6
$app-color-purple-opa = rgba(103, 57, 182, 0.2)
$app-color-purple-lt = #e1d7f0
set-color-css(app-color-purple, $app-color-purple)
set-color-css(app-color-purple-opa, $app-color-purple-opa)
set-color-css(app-color-purple-lt, $app-color-purple-lt)
/* 淡紫 */
$app-color-mauve = #9c26b0
$app-color-mauve-opa = rgba(156, 38, 176, 0.2)
$app-color-mauve-lt = #ebd4ef
set-color-css(app-color-mauve, $app-color-mauve)
set-color-css(app-color-mauve-opa, $app-color-mauve-opa)
set-color-css(app-color-mauve-lt, $app-color-mauve-lt)
/* 桃粉 */
$app-color-pink = #e03997
$app-color-pink-opa = rgba(224, 57, 151, 0.2)
$app-color-pink-lt = #f9d7ea
set-color-css(app-color-pink, $app-color-pink)
set-color-css(app-color-pink-opa, $app-color-pink-opa)
set-color-css(app-color-pink-lt, $app-color-pink-lt)
/* 棕褐 */
$app-color-brown = #a5673f
$app-color-brown-opa = rgba(165, 103, 63, 0.2)
$app-color-brown-lt = #ede1d9
set-color-css(app-color-brown, $app-color-brown)
set-color-css(app-color-brown-opa, $app-color-brown-opa)
set-color-css(app-color-brown-lt, $app-color-brown-lt)
/* 灰色 */
$app-color-grey = #8799a3
$app-color-grey-opa = rgba(135, 153, 163, 0.2)
$app-color-grey-lt = #e7ebed
set-color-css(app-color-grey, $app-color-grey)
set-color-css(app-color-grey-opa, $app-color-grey-opa)
set-color-css(app-color-grey-lt, $app-color-grey-lt)
/* 黑白 */
$app-color-white = #ffffff
$app-color-black = #000000
set-color-css(app-color-white, $app-color-white)
set-color-css(app-color-black, $app-color-black)